<template>
    <div id="app">
    <router-view></router-view>
      <Header />
      <main>
        <h1>欢迎来到我的应用！</h1>
      </main>
      <categories />
      <Footer />
    </div>
  </template>

  <script>
  import Header from "../components/Header.vue";
  import Footer from "../components/Footer.vue";
  import Categories from "@/components/Categories.vue";
  export default {
    components: {
      Header,
      Footer,
      Categories
    },
  };
  </script>

  <style>
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #2c3e50;
    margin: 0;
  }
  main {
    padding: 20px;
  }
  </style>
